Hệ thống quản lý trường đại học bằng PHP
1 <?php
2 require_once('../includes/config.php');
3 if(!$user->is_logged_in()){
4 header('Location: ../login.php');
5 }
6 ?>
7 <!DOCTYPE html>
8 <html>
9 <head>
10 <meta charset="utf-8">
11 <meta name="viewport" content="width=device-width, initial-scale=1">
12 <title>INSAT DASHBOARD</title>
13
14 <link href="css/bootstrap.min.css" rel="stylesheet">
15 <link href="css/datepicker3.css" rel="stylesheet">
16 <link href="css/styles.css" rel="stylesheet">
17
18 <!--Icons-->
19 <script src="js/lumino.glyphs.js"></script>
20
21 <!--[if lt IE 9]>
22 <script src="js/html5shiv.js"></script>
23 <script src="js/respond.min.js"></script>
24 <![endif]-->
25
26 </head>
27
28 <body>
29 <?php
30 require_once('includes/common.php');
31 ?>
32
33 <div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
34 <div class="row">
35 <ol class="breadcrumb">
36 </ol>
37 </div><!--/.row-->
38 <div class="row">
39 <div class="col-xs-12 col-md-6 col-lg-3">
40 <div class="panel panel-teal panel-widget">
41 <div class="row no-padding">
42 <div class="col-sm-3 col-lg-5 widget-left">
43 <svg class="glyph stroked male-user"><use xlink:href="#stroked-male-user"></use></svg>
44 </div>
45 <div class="col-sm-9 col-lg-7 widget-right">
46 <?php
47 $stmt = $db->query('SELECT COUNT(*) FROM users;');
48 $resp = $stmt->fetch();
49 $val=$resp[0];
50 echo "<div class=\"large\">$val</div>";
51 ?>
52 <div class="text-muted">Users</div>
53 </div>
54 </div>
55 </div>
56 </div>
57 <div class="col-xs-12 col-md-6 col-lg-3">
58 <div class="panel panel-blue panel-widget ">
59 <div class="row no-padding">
60 <div class="col-sm-3 col-lg-5 widget-left">
61 <svg class="glyph stroked app window with content"><use xlink:href="#stroked-app-window-with-content"/></svg>
62 </div>
63 <div class="col-sm-9 col-lg-7 widget-right">
64 <?php
65 $stmt = $db->query('SELECT COUNT(*) FROM blog_posts;');
66 $resp = $stmt->fetch();
67 $val=$resp[0];
68 echo "<div class=\"large\">$val</div>";
69 ?>
70 <div class="text-muted">Articles</div>
71 </div>
72 </div>
73 </div>
74 </div>
75 <div class="col-xs-12 col-md-6 col-lg-3">
76 <div class="panel panel-orange panel-widget">
77 <div class="row no-padding">
78 <div class="col-sm-3 col-lg-5 widget-left">
79 <svg class="glyph stroked empty-message"><use xlink:href="#stroked-empty-message"></use></svg>
80 </div>
81 <div class="col-sm-9 col-lg-7 widget-right">
82 <div class="large">0</div>
83 <div class="text-muted">Comments</div>
84 </div>
85 </div>
86 </div>
87 </div>
88 <div class="col-xs-12 col-md-6 col-lg-3">
89 <div class="panel panel-red panel-widget">
90 <div class="row no-padding">
91 <div class="col-sm-3 col-lg-5 widget-left">
92 <svg class="glyph stroked open folder"><use xlink:href="#stroked-open-folder"/></svg>
93 </div>
94 <div class="col-sm-9 col-lg-7 widget-right">
95 <?php
96 $stmt = $db->query('SELECT COUNT(*) FROM documents;');
97 $resp = $stmt->fetch();
98 $val=$resp[0];
99 echo "<div class=\"large\">$val</div>";
100 ?>
101 <div class="text-muted">Documents</div>
102 </div>
103 </div>
104 </div>
105 </div>
106 </div><!--/.row-->
107 <div class="row">
108 <div class="col-md-8">
109
110 <div class="container">
111 <h2>Main website preview on mobile :</h2>
112 <img src="includes/em.JPG" class="img-rounded" alt="Cinque Terre">
113 </div>
114
115 </div>
116
117 <div class="col-md-4">
118
119 <div class="panel panel-blue">
120 <div class="panel-heading dark-overlay"><svg class="glyph stroked clipboard-with-paper"><use xlink:href="#stroked-clipboard-with-paper"></use></svg>To-do List</div>
121 <div class="panel-body">
122 <ul class="todo-list">
123 <li class="todo-list-item">
124 <div class="checkbox">
125 <input type="checkbox" id="checkbox" />
126 <label for="checkbox">Make a plan for today</label>
127 </div>
128 <div class="pull-right action-buttons">
129 <a href="#"><svg class="glyph stroked pencil"><use xlink:href="#stroked-pencil"></use></svg></a>
130 <a href="#" class="flag"><svg class="glyph stroked flag"><use xlink:href="#stroked-flag"></use></svg></a>
131 <a href="#" class="trash"><svg class="glyph stroked trash"><use xlink:href="#stroked-trash"></use></svg></a>
132 </div>
133 </li>
134 <li class="todo-list-item">
135 <div class="checkbox">
136 <input type="checkbox" id="checkbox" />
137 <label for="checkbox">Make this todo list work</label>
138 </div>
139 <div class="pull-right action-buttons">
140 <a href="#"><svg class="glyph stroked pencil"><use xlink:href="#stroked-pencil"></use></svg></a>
141 <a href="#" class="flag"><svg class="glyph stroked flag"><use xlink:href="#stroked-flag"></use></svg></a>
142 <a href="#" class="trash"><svg class="glyph stroked trash"><use xlink:href="#stroked-trash"></use></svg></a>
143 </div>
144 </li>
145 <li class="todo-list-item">
146 <div class="checkbox">
147 <input type="checkbox" id="checkbox" />
148 <label for="checkbox">Add the university database</label>
149 </div>
150 <div class="pull-right action-buttons">
151 <a href="#"><svg class="glyph stroked pencil"><use xlink:href="#stroked-pencil"></use></svg></a>
152 <a href="#" class="flag"><svg class="glyph stroked flag"><use xlink:href="#stroked-flag"></use></svg></a>
153 <a href="#" class="trash"><svg class="glyph stroked trash"><use xlink:href="#stroked-trash"></use></svg></a>
154 </div>
155 </li>
156 <li class="todo-list-item">
157 <div class="checkbox">
158 <input type="checkbox" id="checkbox" />
159 <label for="checkbox">get some sleep</label>
160 </div>
161 <div class="pull-right action-buttons">
162 <a href="#"><svg class="glyph stroked pencil"><use xlink:href="#stroked-pencil"></use></svg></a>
163 <a href="#" class="flag"><svg class="glyph stroked flag"><use xlink:href="#stroked-flag"></use></svg></a>
164 <a href="#" class="trash"><svg class="glyph stroked trash"><use xlink:href="#stroked-trash"></use></svg></a>
165 </div>
166 </li>
167 </ul>
168 </div>
169 <div class="panel-footer">
170 <div class="input-group">
171 <input id="btn-input" type="text" class="form-control input-md" placeholder="Add new task" />
172 <span class="input-group-btn">
173 <button class="btn btn-primary btn-md" id="btn-todo">Add</button>
174 </span>
175 </div>
176 </div>
177 </div>
178
179 </div><!--/.col-->
180 </div><!--/.row-->
181 </div> <!--/.main-->
182
183 <script src="js/jquery-1.11.1.min.js"></script>
184 <script src="js/bootstrap.min.js"></script>
185 <script src="js/chart.min.js"></script>
186 <script src="js/chart-data.js"></script>
187 <script src="js/easypiechart.js"></script>
188 <script src="js/easypiechart-data.js"></script>
189 <script src="js/bootstrap-datepicker.js"></script>
190 <script>
191 $('#calendar').datepicker({
192 });
193
194 !function ($) {
195 $(document).on("click","ul.nav li.parent > a > span.icon", function(){
196 $(this).find('em:first').toggleClass("glyphicon-minus");
197 });
198 $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
199 }(window.jQuery);
200
201 $(window).on('resize', function () {
202 if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
203 })
204 $(window).on('resize', function () {
205 if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
206 })
207 </script>
208
209 </body>
210
211 </html>